<template>
  <div class="c-circle-box">
    <div class="c-circle-img">111</div>
    <div class="c-circle-title">全部分类</div>
  </div>
</template>

<script>
export default {
  name: 'FissionFriendsH5AllFenlei',

  data() {
    return {}
  },

  mounted() {},

  methods: {}
}
</script>

<style lang="scss" scoped>
.c-circle-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  background-color: bisque;
  .c-circle-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 5px 0;
    background-color: purple;
  }
}
.c-circle-box:last-child {
  margin: 0;
}
</style>
